<template>
	<view>
		<view class="head0">
			<view class="head1">
				<view class="head11" style="text-align: center;">
					{{name}}
				</view>
			</view>
			<view class="head2">
				<view>{{ name2 }}</view>
				<view>{{ time }}</view>
			</view>
			<image src="../../static/c1.png" mode=""></image>
			<view class="head3">
				{{ content0 }}
			</view>
		</view>

		<view class="head0">
			<view class="head5">
				<text class="head4">价格: ￥{{ money }}</text>
				<text class="head6">原价: ￥{{ oldmoney }}</text>
			</view>
			<view class="head5">
				<view>活动起止日期: {{ starttime }} 至 {{ endtime }}</view>
			</view>
			<view class="head5">
				<view>质询电话: {{ tel }}</view>
			</view>
			<view class="head5">
				<view>注意事项: {{ precautions }}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name: '',
				name2: '',
				time: '',
				content0: '',
				money: '',
				oldmoney: '',
				starttime: '',
				endtime: '',
				tel: '',
				precautions: ''


			}
		},
		onLoad(content) {
			const name = content.name;
			const name2 = content.name2;
			const time = content.time;
			const content0 = content.content0;
			const money = content.money;
			const oldmoney = content.oldmoney;
			const starttime = content.starttime;
			const endtime = content.endtime;
			const tel = content.tel;
			const precautions = content.precautions;

			this.name = name;
			this.name2 = name2;
			this.time = time;
			this.content0 = content0;
			this.money = money;
			this.oldmoney = oldmoney;
			this.starttime = starttime;
			this.endtime = endtime;
			this.tel = tel;
			this.precautions = precautions;
		},
		methods: {

		}
	}
</script>

<style>
	.head0 {
		width: 95%;
		margin: auto;
		background-color: aqua;
		/* border-bottom: 10rpx solid whitesmoke; */
		margin-top: 20rpx;
		border: 1px solid #ccc;
		border-radius: 30rpx;
	}

	.head1 {
		margin: auto;
	}

	.head11 {
		font-size: 38rpx;
		font-weight: bold;
		margin-top: 30rpx;

	}

	.head2 {
		margin-top: 20rpx;
		display: flex;
		justify-content: space-between;
		margin-left: 20rpx;
		margin-right: 20rpx;
	}

	.head3 {
		margin-left: 20rpx;
		margin-right: 10rpx;
		margin-top: 20rpx;
	}

	.head4 {
		color: red;
		margin-top: 50rpx;
		margin-left: 20rpx;
		font-size: 34rpx;
	}
	.head5 {
		margin-left: 20rpx;
		margin-top: 20rpx;
	}

	.head6 {
		margin-left: 50rpx;
		text-decoration: line-through
	}
</style>